<?php $this->load->view('common/header'); ?>
<?php $this->load->view('common/menu'); ?>
    <style>
        #wrap{
            display: none;
        }
    </style>
    <div class="proper">
        <?php if( $properties['sell'] == 2){ ?>

        <?php }else{ ?>
            <div class="status">该物业已出售</div><!--后台选择已出售显示这一行-->
        <?php  } ?>
        <div class="show_show">
            <div class="con_pic">
                <div class="swiperbox">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <?php if ($img) : ?>
                                <?php foreach ($img as $key => $val) : ?>
                                    <div class="swiper-slide">
                                        <img src="<?php echo $val; ?>" alt="">
                                        <div class="item-footer">
                                            <p class="name">
                                                展示区
                                            </p>
                                        </div>
                                    </div>
                                <?php endforeach; ?>
                            <?php endif; ?>
                        </div>
                        <div class="swiper-pagination"></div>

                        <div class="swiper-button-prev"></div>
                        <!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
                        <div class="swiper-button-next"></div>
                        <!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
                    </div>
                </div>
            </div>
            <div class="con_s">
                <a href="/properties.html" class="back">返回物业</a>
                <div class="con_s_t">
                    <p class="name"><?php echo $properties['title']; ?></p>
                    <p><?php echo $properties['address']; ?></p>
                    <!--                <p>伊利诺伊州芝加哥60651</p>-->
                </div>
                <div class="con_s_l">
                    <dl>
                        <dt>价钱：</dt>
                        <dd>$<?php echo $properties['price']; ?></dd>
                    </dl>
                    <dl>
                        <dt>建筑面积：</dt>
                        <dd> <?php echo $properties['area']; ?>平方英尺</dd>
                    </dl>
                    <dl>
                        <dt>财产种类：</dt>
                        <dd> <?php echo $properties['property']; ?></dd>
                    </dl>
                    <dl>
                        <dt>总手数：</dt>
                        <dd> <?php echo $properties['total_hands']; ?>平方英尺</dd>
                    </dl>
                    <dl>
                        <dt>建造年份：</dt>
                        <dd> <?php echo $properties['year']; ?>年</dd>
                    </dl>
                    <dl>
                        <dt>上限费率：</dt>
                        <dd> <?php echo $properties['rate']; ?>％</dd>
                    </dl>
                    <dl>
                        <dt>NOI：</dt>
                        <dd>$ <?php echo $properties['noi']; ?></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="show_title">
            <a href="<?php echo "/properties_show/" . $properties['id'] . ".html"; ?>" >总览</a>
            <a href="<?php echo "/properties_show2/" . $properties['id'] . ".html"; ?>">文件资料</a>
            <a href="<?php echo "/properties_show3/" . $properties['id'] . ".html"; ?>">相片</a>
            <a href="<?php echo "/properties_show4/" . $properties['id'] . ".html"; ?>" class="on">查看地图</a>
        </div>
        <div class="show_content">
            <div class="maiosu f_l">
                <div style="width:835px;height:800px;border:#ccc solid 1px;" id="dituContent"></div>
<!--                <div class="map">-->
<!--                    -->
<!--                </div>-->
            </div>
            <div class="xiaoshou f_r">
                <h1>联系人</h1>
                <ul class="pp">
                    <?php if ($customer) : ?>
                        <?php foreach ($customer as $key => $val) : ?>
                            <li>
                                <img src="<?php echo $val['img']; ?>">
                                <span>
                    	<p><strong><?php echo $val['name']; ?></strong></p>
                        <p><?php echo $val['title']; ?></p>
                        <p>（E）<a href="mailto:<?php echo $val['email']; ?>"><?php echo $val['email']; ?></a></p>
                        <p>（O）<?php echo $val['tel']; ?></p>
                        <p>（传真）<?php echo $val['email']; ?></p>
                    </span>
                            </li>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </ul>
                <?php $this->load->view('common/message'); ?>
            </div>
        </div>
    </div>

<?php $this->load->view('common/footer'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
    <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
    <title>百度地图API自定义地图</title>
    <!--引用百度地图API-->
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>

<body>
<!--百度地图容器-->
<div style="width:697px;height:550px;border:#ccc solid 1px;  display: none;" id="dituContent" ></div>
</body>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(<?php echo $properties['longitude'] ?? "116. 3"; ?>,<?php echo $properties['dimension'] ?? "39.9"; ?>);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>
</html>
